body {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #fff;
}

a:hover {
    text-decoration: none;
    color: #988fb9;
}


/* 第二个盒子的设置 */

#section {
    display: flex;
    justify-content: left;
    /* align-items: stretch; */
    background-color: #988fb9;
}


/* 标题的设置 */

#title {
    width: 100%;
    height: 100px;
    background-color: #c0b8dd;
    display: flex;
    /* flex: 1; */
    /* overflow: hidden; */
    justify-content: space-between;
    align-items: center;
}


/* logo的设置 */

#title>img {
    height: 100px;
    margin-left: 100px;
}

#title>span {
    font-size: 45px;
    color: #fff;
    margin-right: 100px;
}

#section>nav {
    display: block;
}

.nav {
    /* height: ; */
    background-color: #fff;
    margin-top: 10px;
}

.nav>ul {
    width: 300px;
    text-align: center;
    border-radius: 0;
}

.nav>ul>li:hover {
    background-color: #e3dff1;
}


/* 导航栏颜色设置 */

.list-group-item-info {
    background-color: #705994;
}

.list-group-item-danger {
    background-color: #c0b8dd;
}


/* 内容的设置 */

.content {
    width: 100%;
    overflow-y: auto;
    height: 800px;
    background-color: #c0b8dd;
    margin-left: 10px;
    margin-top: 10px;
    overflow-y: scroll;
    background-attachment: fixed;
}


/* 上部分的设置 */

.content-top {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}


/* 添加按钮的设置 */

.btn-outline-light {
    background-color: #705994;
    margin-left: 50px;
}


/* 搜索框 */

.input-group,
.mb-3 {
    width: 50%;
    margin-right: 50px;
}


/* 表格设置 */

.table-striped>tbody>tr:nth-child(2n+1) {
    background-color: #705994;
}

.table tr {
    font-size: 20px;
    line-height: 35px;
}


/* 分页的设置 */

.page {
    display: flex;
    justify-content: center;
}

.page>ul>li>a {
    background-color: #705994;
    color: #fff;
}


/* 删除 */

.button1 {
    margin-left: 0;
}